$.getJSON('../json/listData.json',function(data){			
	var result = data;
	//选择排序方式
	callBack(result);
	
	/*默认方式排序*/
	$('#dWay').click(function(){
		//冒泡排序
		$('.pag').html('');
		$('#glist').html('');
		$(this).addClass('wayActive').siblings().removeClass('wayActive');
		$.getJSON('../json/listData.json',function(data){
			callBack(data);
		})		
	})
	/*按畅销排序*/
	$('#sWay').click(function(){
		//冒泡排序
		$('.pag').html('');
		$('#glist').html('');
		$(this).addClass('wayActive').siblings().removeClass('wayActive');
		var resultN = result;
		var temp;
		for(var i=0;i<resultN.length;i++){
			//console.log(resultN[i].count)
			for(var j=0;j<(resultN.length-i-1);j++){
				if(resultN[j].count<resultN[j+1].count){
					temp = resultN[j];
					resultN[j] = resultN[j+1];
					resultN[j+1] = temp;				
				}
			}
			
		}
		callBack(resultN);
	})
	/*新品上架*/
	$('#nWay').click(function(){
		//冒泡排序
		$('.pag').html('');
		$('#glist').html('');
		$(this).addClass('wayActive').siblings().removeClass('wayActive');
		$.getJSON('../json/listData.json',function(data){
			callBack(data);
		})
	})
	/*价格从高到低*/
	$('#hWay').click(function(){
		//冒泡排序
		$('.pag').html('');
		$('#glist').html('');
		$(this).addClass('wayActive').siblings().removeClass('wayActive');
		var resultN = result;
		var temp;
		for(var i=0;i<resultN.length;i++){
			//console.log(resultN[i].count)
			for(var j=0;j<(resultN.length-i-1);j++){
				if(resultN[j].min_price<resultN[j+1].min_price){
					temp = resultN[j];
					resultN[j] = resultN[j+1];
					resultN[j+1] = temp;				
				}
			}
			
		}
		callBack(resultN);
	})
	/*价格从低到高*/
	$('#lWay').click(function(){
		//冒泡排序
		$(this).addClass('wayActive').siblings().removeClass('wayActive');
		$('.pag').html('');
		$('#glist').html('');		
		var resultN = result;
		var temp;
		for(var i=0;i<resultN.length;i++){
			//console.log(resultN[i].count)
			for(var j=0;j<(resultN.length-i-1);j++){
				if(resultN[j].min_price>resultN[j+1].min_price){
					temp = resultN[j];
					resultN[j] = resultN[j+1];
					resultN[j+1] = temp;				
				}
			}
			
		}
		callBack(resultN);
	})
	
	
	
})
function callBack(resultN){
	var $glist = $('#glist');
	var $pag = $('.pag');
    var len = resultN.length;
    //每页有几个li
    var num = 20;
    //确定页数
    var pages = Math.ceil(len/num);    
    //创建显示内容
    for(var i=0;i<num;i++){
    	createEles(i);	
    }
    //创建分页按钮    
    var oStart = '一共'+len+'条记录 当前第<strong>1</strong>页，共'+pages+'页<span id="prev">上一页</span>';
    $pag.append(oStart);
    for(var i=0;i<pages;i++){
    	var oA = '<span class="abtn">'+(i+1)+'</span>';
    	$pag.append(oA);
    }
    $('.abtn').eq(0).css('backgroundColor','red');
    var oEnd = '<span id="next">下一页</span>' 
    $pag.append(oEnd);
    
    //点击分页
   $('.abtn').click(function(){
    	//console.log($(this).attr('index'))
    	$glist.html('');
    	//$('.commoditylist').html('') 
    	//console.log($glist.html(''))
   		$(this).css('backgroundColor','red').siblings().css('backgroundColor','');
    	$pag.find('strong').html($(this).html());
    	var s = $(this).html()-1;
    	for(var j=num*s;j<num*(1+s);j++){
    		createEles(j,resultN)
    	}
    	var h = $glist.offset().top;
    	$(document).scrollTop(h)
    }) 
    	//上一页
    $('#prev').click(function(){
    	var iNow = $pag.find('strong').html() * 1;
    	if(iNow==1){
    		iNow=1;
    		alert('当前是第一页')
    	}else{
    		iNow=iNow-1;
    	}
   
    	$pag.find('strong').html(iNow)
    		$('.abtn').eq(iNow-1).css('backgroundColor','red').siblings().css('backgroundColor','');
    	$glist.html('');
    	for(var j=num*(iNow-1);j<num*iNow;j++){
    		createEles(j)
    	}
    })
  //下一页
    $('#next').click(function(){
    	var iNow = $pag.find('strong').html() * 1;
    	if(iNow==pages){
    		iNow=pages;
    		alert('当前是最后一页')
    	}else{
    		iNow=iNow+1;
    	}   	
    	$pag.find('strong').html(iNow)
    	$('.abtn').eq(iNow-1).css('backgroundColor','red').siblings().css('backgroundColor','');
    	$glist.html('');
    	for(var j=num*(iNow-1);j<num*iNow;j++){
    		createEles(j)
    	}
    })
    
    function createEles(k){
    	if(resultN[k]){
    		var oLi;
			oLi = '';
//	    	oLi = '<li><div class="pic"><a href="#"><img src="'+result[k].images+'"/></a></div>';
			oLi += '<li><div class="pic"><a href="'+resultN[k].url+'"><img src="';
			oLi += resultN[k].images +'"/></a></div>';
			//console.log(result[k].images)
	    	oLi += '<p><del>市场价：'+resultN[k].max_price+'</del>元</p>';
	    	oLi += '<p><span class="price">'+resultN[k].min_price+'</span></p>';
	    	oLi += '<p class="text"><a href="#">'+resultN[k].name+'</a></p>';
	    	oLi += '<p class="blue1">累计售出'+resultN[k].count+'件</p></li>';
	    	$glist.append(oLi)
    	}

	}
}

